<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div id="container">
    <a v-bind:[attr]="url">链接</a> <!-- [绑定的data] -->
</div>

<script src="https://unpkg.com/vue@next"></script>
<script type="text/javascript">
    const demoApp = {

        data() {
            return {
                attr: 'href',
                url: 'http://www.baidu.com'
            }
        }
    }

    // v-* 表示directive指令
    Vue.createApp(demoApp).mount('#container')
</script>


</body>
</html>
